<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="bootstrap-4.6.1-dist/css/bootstrap.min.css"
          rel="stylesheet" type="text/css">
    <style type="text/css">
        #main{
            width: 500px;
        }
    </style>
</head>
<body>
<div id="main">
<!--    表格 表格边框 斑马线效果 悬浮-->
    <table class="table table-bordered table-striped table-hover">
        <thead>
             <tr>
                 <th>
                      <input type="checkbox">
                 </th>
                 <th>编号</th>
                 <th>姓名</th>
                 <th>操作</th>
             </tr>
        </thead>
        <tbody>
             <tr>
                 <td>
                     <input type="checkbox" name="ids" value="1">
                 </td>
                 <td>1001</td>
                 <td>张三</td>
                 <td>
                     <a href="">删除</a>
                     <a href="">编辑</a>
                 </td>
             </tr>
             <tr>
                 <td>
                     <input type="checkbox" name="ids" value="1">
                 </td>
                 <td>1001</td>
                 <td>张三</td>
                 <td>
                     <a href="">删除</a>
                     <a href="">编辑</a>
                 </td>
             </tr>
        </tbody>
    </table>
</div>
</body>
</html>